<% if step %>
<div class="step center" id="step_<%= step.id %>">
  <a href="javascript:void(null);" onmouseover="if (selectedId != 'step_<%= step.id %>'){$('step_<%= step.id %>').style.border='solid 1px gray';}" onmouseout="if (selectedId != 'step_<%= step.id %>'){$('step_<%= step.id %>').style.border='solid 1px white';}" onclick="SetSelectedElement('step_<%= step.id %>');SetCurrentPage('<%=step.to_uri%>');return false;" title="Visit <%=step.to_title%>">
    <img border="0" src="<%=step.to_thumbnail_uri %>" alt="Link to <%= step.to_title %>" />
    <h4><%= (number + 1).to_s + ". " + step.to_title %></h4>
  </a>
  <div style="clear:both"></div>
</div>
<% end %>